<!DOCTYPE html>
<html lang="en">
  <head>
    <meta charset="utf-8">

    <title>学而思TDM系统</title>

    <!-- Bootstrap core CSS -->
    <link href="/static/css/bootstrap.min.css" rel="stylesheet">

    <!-- Custom styles for this template -->
    <link href="/static/css/tdm.css" rel="stylesheet">

    <!-- Just for debugging purposes. Don't actually copy these 2 lines! -->
    <!--[if lt IE 9]><script src="../../assets/js/ie8-responsive-file-warning.js"></script><![endif]-->
    <!--<script src="../../assets/js/ie-emulation-modes-warning.js"></script>-->

    <!-- HTML5 shim and Respond.js for IE8 support of HTML5 elements and media queries -->
    <!--[if lt IE 9]>
      <script src="https://oss.maxcdn.com/html5shiv/3.7.2/html5shiv.min.js"></script>
      <script src="https://oss.maxcdn.com/respond/1.4.2/respond.min.js"></script>
    <![endif]-->
  </head>

  <body>

    <nav class="navbar navbar-inverse navbar-fixed-top" role="navigation">
      <div class="container-fluid">
        <div class="navbar-header">
          <button type="button" class="navbar-toggle collapsed" data-toggle="collapse" data-target="#navbar" aria-expanded="false" aria-controls="navbar">
            <span class="sr-only">Toggle navigation</span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
            <span class="icon-bar"></span>
          </button>
          <a class="navbar-brand" href="#">学而思教学设备管理系统TDM</a>
        </div>
        <div id="navbar" class="navbar-collapse collapse">
          <ul class="nav navbar-nav navbar-right">
            <li><a href="#">Dashboard</a></li>
            <li><a href="#">Profile</a></li>
            <li><a href="/admin">Admin</a></li>
            <li><a href="#">Help</a></li>
          </ul>
          <form class="navbar-form navbar-right">
            <input type="text" class="form-control" placeholder="Search...">
          </form>
        </div>
      </div>

    </nav>
        <ol class="breadcrumb">
          <li><a href="#">{{city}}(市地)</a></li>
        </ol>
    <div class="container-fluid">
      <div class="row">
        <div class="col-lg-12 col-sm-12 main">
          {% for city in city_summary_list %}
          <div class="col-lg-2 col-sm-4">
            <div class="panel panel-info">
              <div class="panel-heading">
                <h3 class="panel-title">
                  <a href="/city/jxd">{{city.city}}</a>
                </h3>
              </div>
              <div class="panel-body">
                  <ul class="list-group">
                      <li class="list-group-item">
                          电源
                      </li>
                      <li class="list-group-item">
                          网络
                      </li>
                      <li class="list-group-item">
                          {% if city.server_warn_nr %}
                          <span class="badge">{{city.server_warn_nr}}</span>
                          {% endif %}
                          服务器
                      </li>
                      <li class="list-group-item">
                          <span class="badge badge-warning">314</span>
                          <span class="badge badge-danger">114</span>
                          移动端
                      </li>
                  </ul>
              </div>
            </div>
          </div>
          {% endfor %}
        </div>
      </div>
    </div>

    <!-- Bootstrap core JavaScript
    ================================================== -->
    <!-- Placed at the end of the document so the pages load faster -->
    <script src="/static/js/jquery.min.js"></script>
    <script src="/static/js/bootstrap.min.js"></script>
    <!--<script src="../../assets/js/docs.min.js"></script>-->
    <!-- IE10 viewport hack for Surface/desktop Windows 8 bug -->
    <!--<script src="../../assets/js/ie10-viewport-bug-workaround.js"></script>-->
  </body>
</html>
